<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>查询框示例</title>
	<link rel="stylesheet" type="text/css" href="../../dist/css/hisui.css">
	<script type="text/javascript" src="../../dist/js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="../../dist/js/jquery.hisui.js"></script>
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script src="../jquery-tag-demo.js" type="text/javascript"></script>

</head>

<body>
	<h2>基础查询框</h2>
	<h3>说明:</h3>
	<span>基础查询框（searchbox）用于查询。</span>
	<h3>如：</h3>
	<div class="demo-exp-code entry-content">
		<div class="hisui-panel" title="查询" style="width:400px;padding:10px 30px 20px 30px" data-options="iconCls:'icon-save'">
			<table cellpadding="5">
				<tr>
					<td>查询框</td>
					<td>
						<input id="ss" class="hisui-searchbox " data-options="width:177" />
					</td>
				</tr>
				<tr>
					<td>时间框</td>
					<td>
						<input class="hisui-timespinner" data-options="width:177">
					</td>
				</tr>
				<tr>
					<td>数字框</td>
					<td>
						<input id="ns" class="hisui-numberspinner " data-options="width:177"></input>
					</td>
				</tr>	
				<tr>
					<td>数字框</td>
					<td>
						<input class="hisui-numberbox textbox" >
					</td>
				</tr>
				<tr>
					<td>普通框</td>
					<td>
						<input id="patno" class="textbox">
					</td>
				</tr>
				<tr>
					<td>选择框</td>
					<td>
						<select id="stateBox" class="hisui-combobox" name="state" style="width:177px;">
							<option value="AK">Alaska</option>
							<option value="CT">Connecticut</option>
							<option value="DE">Delaware</option>
							<option value="LA">Louisiana</option>
							<option value="MD">Maryland</option>
							<option value="ND">North Dakota</option>
							<option value="OH" selected>Ohio</option>
							<option value="WY">Wyoming</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>日期框</td>
					<td>
						<input id="db" class="hisui-datebox " data-options="width:177"></input>
					</td>
				</tr>
				<tr>
					<td>日时框</td>
					<td>
						<input id="dtb" class="hisui-datetimebox " data-options="width:177"></input>
					</td>
				</tr>
				<tr>
					<td>textarea</td>
					<td>
						<textarea class="textbox"></textarea> 
					</td>
				</tr>
			</table>
		</div>
		<pre class="prettyprint lang-html"><code>&lt;div class="hisui-panel" title="查询" style="width:400px;padding:10px 30px 20px 30px" data-options="iconCls:'icon-save'"&gt;
	&lt;table cellpadding="5"&gt;
		&lt;tr&gt;
			&lt;td&gt;查询框&lt;/td&gt;
			&lt;td&gt;
				&lt;input id="ss" class="hisui-searchbox " data-options="width:177" /&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;时间框&lt;/td&gt;
			&lt;td&gt;
				&lt;input class="hisui-timespinner" data-options="width:177"&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;数字框&lt;/td&gt;
			&lt;td&gt;
				&lt;input id="ns" class="hisui-numberspinner " data-options="width:177"&gt;&lt;/input&gt;
			&lt;/td&gt;
		&lt;/tr&gt;	
		&lt;tr&gt;
			&lt;td&gt;数字框&lt;/td&gt;
			&lt;td&gt;
				&lt;input class="hisui-numberbox textbox" &gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;普通框&lt;/td&gt;
			&lt;td&gt;
				&lt;input id="patno" class="textbox"&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;选择框&lt;/td&gt;
			&lt;td&gt;
				&lt;select id="stateBox" class="hisui-combobox" name="state" style="width:177px;"&gt;
					&lt;option value="AK"&gt;Alaska&lt;/option&gt;
					&lt;option value="CT"&gt;Connecticut&lt;/option&gt;
					&lt;option value="DE"&gt;Delaware&lt;/option&gt;
					&lt;option value="LA"&gt;Louisiana&lt;/option&gt;
					&lt;option value="MD"&gt;Maryland&lt;/option&gt;
					&lt;option value="ND"&gt;North Dakota&lt;/option&gt;
					&lt;option value="OH" selected&gt;Ohio&lt;/option&gt;
					&lt;option value="WY"&gt;Wyoming&lt;/option&gt;
				&lt;/select&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;日期框&lt;/td&gt;
			&lt;td&gt;
				&lt;input id="db" class="hisui-datebox " data-options="width:177"&gt;&lt;/input&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;日时框&lt;/td&gt;
			&lt;td&gt;
				&lt;input id="dtb" class="hisui-datetimebox " data-options="width:177"&gt;&lt;/input&gt;
			&lt;/td&gt;
	
	&lt;/table&gt;
&lt;/div&gt;</code></pre>
		<h3>禁用的表单们</h3>
		<div class="hisui-panel" title="查询" style="width:400px;padding:10px 30px 20px 30px" data-options="iconCls:'icon-save'">
			<table cellpadding="5">
				<tr>
					<td>查询框</td>
					<td>
						<input id="ss2" class="hisui-searchbox " data-options="width:177,disabled:true" />
					</td>
				</tr>
				<tr>
					<td>时间框</td>
					<td>
						<input class="hisui-timespinner" data-options="width:177,disabled:true" id="mytsp"/>
					</td>
				</tr>
				<tr>
					<td>数字框</td>
					<td>
						<input id="ns" class="hisui-numberspinner " data-options="width:177,disabled:true"></input>
					</td>
				</tr>	
				<tr>
					<td>数字框</td>
					<td>
						<input class="hisui-numberbox textbox" disabled>
					</td>
				</tr>
				<tr>
					<td>普通框</td>
					<td>
						<input id="patno2" class="textbox" disabled>
					</td>
				</tr>
				<tr>
					<td>选择框</td>
					<td>
						<select id="stateBox2" class="hisui-combobox" name="state" style="width:177px;" data-options="disabled:true">
							<option value="AK">Alaska</option>
							<option value="CT">Connecticut</option>
							<option value="DE">Delaware</option>
							<option value="LA">Louisiana</option>
							<option value="MD">Maryland</option>
							<option value="ND">North Dakota</option>
							<option value="OH" selected>Ohio</option>
							<option value="WY">Wyoming</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>日期框</td>
					<td>
						<input id="db2" class="hisui-datebox " data-options="width:177,disabled:true"></input>
					</td>
				</tr>
				<tr>
					<td>日时框</td>
					<td>
						<input id="dtb2" class="hisui-datetimebox " data-options="width:177,disabled:true"></input>
					</td>
				</tr>
				<tr>
					<td>textarea</td>
					<td>
						<textarea class="textbox" disabled></textarea> 
					</td>
				</tr>
			</table>
		</div>
		<pre class="prettyprint lang-html"><code>&lt;div class="hisui-panel" title="查询" style="width:400px;padding:10px 30px 20px 30px" data-options="iconCls:'icon-save'"&gt;
	&lt;table cellpadding="5"&gt;
		&lt;tr&gt;
			&lt;td&gt;查询框&lt;/td&gt;
			&lt;td&gt;
				&lt;input id="ss2" class="hisui-searchbox " data-options="width:177,disabled:true" /&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;时间框&lt;/td&gt;
			&lt;td&gt;
				&lt;input class="hisui-timespinner" data-options="width:177,disabled:true" id="mytsp"/&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;数字框&lt;/td&gt;
			&lt;td&gt;
				&lt;input id="ns" class="hisui-numberspinner " data-options="width:177,disabled:true"&gt;&lt;/input&gt;
			&lt;/td&gt;
		&lt;/tr&gt;	
		&lt;tr&gt;
			&lt;td&gt;数字框&lt;/td&gt;
			&lt;td&gt;
				&lt;input class="hisui-numberbox textbox" disabled&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;普通框&lt;/td&gt;
			&lt;td&gt;
				&lt;input id="patno2" class="textbox" disabled&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;选择框&lt;/td&gt;
			&lt;td&gt;
				&lt;select id="stateBox2" class="hisui-combobox" name="state" style="width:177px;" data-options="disabled:true"&gt;
					&lt;option value="AK"&gt;Alaska&lt;/option&gt;
					&lt;option value="CT"&gt;Connecticut&lt;/option&gt;
					&lt;option value="DE"&gt;Delaware&lt;/option&gt;
					&lt;option value="LA"&gt;Louisiana&lt;/option&gt;
					&lt;option value="MD"&gt;Maryland&lt;/option&gt;
					&lt;option value="ND"&gt;North Dakota&lt;/option&gt;
					&lt;option value="OH" selected&gt;Ohio&lt;/option&gt;
					&lt;option value="WY"&gt;Wyoming&lt;/option&gt;
				&lt;/select&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;日期框&lt;/td&gt;
			&lt;td&gt;
				&lt;input id="db2" class="hisui-datebox " data-options="width:177,disabled:true"&gt;&lt;/input&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;日时框&lt;/td&gt;
			&lt;td&gt;
				&lt;input id="dtb2" class="hisui-datetimebox " data-options="width:177,disabled:true"&gt;&lt;/input&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/table&gt;
&lt;/div&gt;</code></pre>
	</div>
	<prettyprint/>
</body>

</html>